<script setup>
import PathNavigation from "@/components/pathNavigation.vue";
import FileList from "@/views/fileList/FileList.vue";
import PreviewImg from "@/components/PreviewImg.vue";
import PreviewVideo from "@/components/PreviewVideo.vue";
import PreviewAudio from "@/components/PreviewAudio.vue";
import Upload from "@/components/Upload.vue";
import PreviewInfo from "@/components/PreviewInfo.vue";
import PreviewZip from "@/components/PreviewZip.vue";
import PreviewText from "@/components/PreviewText.vue";
import Navigation from "@/components/navigation.vue";
import Message from "@/components/Message.vue";
import MessageList from "@/components/MessageList.vue";
</script>

<template>
  <div style="display: flex; align-items: center; justify-content: space-between; height: 30px; padding: 0 16px;">
    <!-- 左侧：路径导航 -->
    <div style="flex: 0 0 auto;">
      <PathNavigation />
    </div>

    <!-- 右侧：消息 + 导航图标 -->
    <div style="display: flex; align-items: center; gap: 16px;">
      <div style="cursor: pointer; display: flex; align-items: center; justify-content: center; margin-right: 15px">
        <Message />
      </div>
      <div style="cursor: pointer; display: flex; align-items: center; justify-content: center; ">
        <Navigation />
      </div>
    </div>
  </div>

  <FileList />
  <PreviewImg/>
  <PreviewVideo/>
  <PreviewAudio/>
  <PreviewInfo/>
  <PreviewZip/>
  <PreviewText/>
  <Upload/>
  <MessageList/>
</template>

<style scoped>

</style>
